<template>
  <div>
    <svg-icon icon-class="notifications" />
  </div>
</template>

<script>
// import { mapGetters } from "vuex";
import abp from "abp";

export default {
  created() {
    this.init();
  },
  methods: {
    init() {
      this.registerToEvents();
    },
    registerToEvents() {
      abp.event.on("abp.notifications.received", userNotification => {
        this.$notify({
          title: userNotification.notification.data.message,
          type: "success",
          duration: 0
        });
        // self.load();
        // self._zone.run(() => {

        // });
      });

      // abp.event.on("app.notifications.refresh", () => {
      //   // self._zone.run(() => {
      //   //   self.loadUnreadCount();
      //   //   self.load();
      //   // });
      // });

      // abp.event.on("app.notifications.read", userNotificationId => {
      //   // self._zone.run(() => {
      //   //   for (let i = 0; i < self.tableHelper.items.length; i++) {
      //   //     if (self.tableHelper.items[i].userNotificationId === userNotificationId) {
      //   //       self.tableHelper.items[i].state = 'READ';
      //   //     }
      //   //   }
      //   //   self.count -= 1;
      //   // });
      // });
    }
  }
};
</script>
